﻿@model SGC_CarteraClientes.Models.CA_CAMPANIA

@{
    ViewBag.Title = "Nueva Campaña";
}

<h2>Nueva Campaña</h2>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Campañas</legend>

        <div class="editor-label">
             @Html.Label("Codigo")
        </div>
        <div class="editor-field">
            @Html.Label("---")
            @*
            @Html.EditorFor(model => model.CAMP_ID)
            @Html.ValidationMessageFor(model => model.CAMP_ID)*@
        </div>

        <div class="editor-label">
            @Html.Label("Descripción")
            @*@Html.LabelFor(model => model.CAMP_DESCRIP)*@
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.CAMP_DESCRIP)
            @Html.ValidationMessageFor(model => model.CAMP_DESCRIP)
        </div>

        <div class="editor-label">
            @Html.Label("Fecha Inicio de Vigencia")
        </div>
        <div class="editor-field d-tcal">
            @Html.EditorFor(model => model.CAMP_FINIV, new {@class="tcal" })
            @Html.ValidationMessageFor(model => model.CAMP_FINIV)
        </div>

        <div class="editor-label">
            @Html.Label("Fecha Fin de Vigencia")
        </div>
        <div class="editor-field d-tcal">
            @Html.EditorFor(model => model.CAMP_FINV, new {@class="tcal" })
            @Html.ValidationMessageFor(model => model.CAMP_FINV)
        </div>

        <div class="editor-label">
            @Html.Label("Parámetros de Campaña")
        </div>
        <div class="editor-field">
            @Html.DropDownList("PARAM_ID")
            @Html.ValidationMessageFor(model => model.PARAM_ID)
        </div>

        <div class="editor-label">
            @Html.Label("Porcentaje de Comision")
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.CAMP_PORCOMI)
            @Html.ValidationMessageFor(model => model.CAMP_PORCOMI)
        </div>

        <div class="editor-label">
            @Html.Label("Porcentaje de Descuento")
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.CAMP_DCTO)
            @Html.ValidationMessageFor(model => model.CAMP_DCTO)
        </div>
        <div class="display-label" style="color:#ff0000">
        @ViewData["messege"] 
        </div>
        <table>
            <tr>
                <td>Agregar Producto</td>
                <td>
                    @Html.DropDownList("Productos")
                </td>
                <td>
                    <input type ="button" value="Agregar" onclick ="AgregarProducto()" />
                </td>
            </tr>
        </table>

        <table id ="ProductosInscritos">
            <tr>
                <th colspan ="2">Productos Asociados a Campaña</th>
            </tr>
            <thead>
                <tr>
                    <th>
                        Codigo
                    </th>
                    <th>
                        Descripcion
                    </th>
                </tr>
            </thead>


        </table>

        <p>
            <input type="submit" value="Guardar" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Volver", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Styles.Render("~/Content/themes/base/css")
}


    <script type="text/javascript">
        function AgregarProducto() {

            var tabla = $("#ProductosInscritos");

            var indice = $("#ProductosInscritosTable tr").length - 1;

            var producto = $("#Productos option:selected");

            if (producto.length == 0) {
                return;
            }

            var codprod = producto.val();
            var nombre = producto.text();

            var nuevaFila = "<tr><td>";
            nuevaFila += "<input type='hidden' id='ProductosInscritos[" + indice + "].Codigo' name='ProductosInscritos[" + indice + "].Codigo' value='" + codprod + "' />";
            nuevaFila += "<input type='hidden' id='ProductosInscritos[" + indice + "].Descripcion' name='ProductosInscritos[" + indice + "].Descripcion' value='" + nombre + "'/>";
            nuevaFila += codprod
            nuevaFila += "</td><td>";
            nuevaFila += nombre;
            nuevaFila += "</td></tr>";

            tabla.append(nuevaFila);

            $("#Productos option:selected").remove();
        }
    </script>
    
